@charset "utf-8";
$h1: 20px;
$h2: 13px;
$h3: 14px;
$h4: 12px;
$content:1507px;
$redcolor:#ff4e4e;
$themeColor: #49c5b6;
$themeColorHover: #42ab9e;
$btmHover: #f4f7f6;
$firstNav-minfontsize: 14px;
$firstNav-maxfontsize: 18px;
$headerminHeight: 62px;
$headermaxHeight: 92px;
$headerGreenminWidth: 150px;
$headerGreenmaxWidth: 160px;
@function w($px){
	@return $px/$content*100%;
}
// 雪碧图，图标设置。
@mixin bgimg($x,$y,$w:auto,$h:auto) {
    display: inline-block;
    width: $w;
    height: $h;
    background-image: url("~@/assets/images/icon/icon.png");
    background-repeat: no-repeat;
    background-position: $x $y;
    margin-top: 10px;
    @media only screen and (max-width: 1600px) {
        transform: scale(0.8);
    }
}
@mixin usernoSel() {
    -moz-user-select:none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select:none;
}
@mixin in_vertical(){
	display: inline-block;
	vertical-align: middle;
}

@mixin btn($width:88px,$padding:5px,$color:#202121,$bgc:transparent,$bradius:16px) {
	width:$width;
	padding-top: $padding;
	padding-bottom: $padding;
	text-align: center;
	color:$color;
	border:1px $color solid;
	background-color: $bgc;
	border-radius: $bradius;
	cursor: pointer;
}

body{
background: #f4f7f6;
}
$placeholderBgColor: #eee; 
$color2:#202121;
@mixin iconCollection { 
    float: left;
    width: 40px;
    height: 40px;
    margin-left: 6px;
    cursor: pointer;
    i {
        display: block;
        width: 100%;
        height: 100%;
        background: url("~@/assets/images/icon/icon.png") no-repeat;
        @media only screen and (max-width: 1600px) {
            transform: scale(0.8);
            margin-top: 4px;
        }
    }
    .alike{
        background-position: -56px 0;
		
    }
    .collection{
        background-position: -104px 0;
    }
    .shoppingCart{
        background-position: -152px 0;
    }
}